import ZhexianImage from '@/components/ZhexianImage';
import { PageContainer } from '@ant-design/pro-components';
import { Button, Card, Col, DatePicker, Row, Select } from 'antd';

export default () => {
  return (
    <PageContainer>
      <Card>
        <Row gutter={10}>
          <Col span={6}>
            <Select placeholder="请选择证书类型" className="w100"></Select>
          </Col>
          <Col span={6}>
            <Select placeholder="请选择证书状态" className="w100"></Select>
          </Col>
          <Col span={6}>
            <DatePicker placeholder="请选择证书有效期" className="w100"></DatePicker>
          </Col>
        </Row>
        <div className="flex-bt mt10">
          <div></div>
          <Button type="primary">搜索</Button>
        </div>
      </Card>
      <Card className="mt10">
        <ZhexianImage container="p1"></ZhexianImage>
      </Card>
    </PageContainer>
  );
};
